<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name=viewport content="width=device-width,initial-scale=1">
<title>支付倒计时</title>
<link rel="stylesheet" href="${ctxStatic}/jiujiudevice/css/public.css?v=12" />
<script type="text/javascript" src="${ctxStatic}/jiujiudevice/js/jquery-1.9.1.min.js"></script>
<style>
			.timebg{
				background: url('${ctxStatic}/jiujiudevice/img/timebg.png') no-repeat top;
				height: 300px;
				background-size:cover;
			}
			.tab{
				line-height: 55px;
				font-size: 18px;
				text-align: center;
			}
			.stop{
				font-size: 24px;
				color: #FFFFFF;
				text-align: center;
				margin-top: 10%;
			}
			.setName{
				text-align: center;
				margin-top: 15px;
				font-size: 14px;
				color: #FFFFFF;
			}
			.time{
				font-size: 42px;
				color: #12bb73;
				position: absolute;
				top:215px;
				left: 0;
				right: 0;
				margin: 0 auto;
				text-align: center;
			}
			.desc{
				line-height: 20px;
				padding: 10px;
			}
		</style>
</head>
   <body>
		<div class="timebg">
			<p class="tab">温馨提示</p>
			<p class="h2 stop">
				设备已停止使用，请支付！
			</p>
			<p class="setName">${jiuDevice.companyName } ${jiuDevice.name }</p>
			<p class="time">
				10
			</p>
		</div>
		<script>
			$(function(){
				var t=10
				var tiemfun=setInterval(function(){
					t--;
					$(".time").html(t)
					if(t==0){
						clearInterval(tiemfun)
						location.href='${ctxFront }/jiujiudevice/saveAll?deviceSn=${jiuDevice.sn }'
					}
					
				},1000)				
			})
		</script>
	</body>
</html>